<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>34_this关键字</title>
    </head>
    <body>
        <script>
            // （1）script标签中的this代表的是window对象
            // console.log(this);

            // （2）普通函数中的this 代表的是window对象
            // function f1(){
            //     console.log(this);
            // }
            // f1();

            // （3）构造函数中的this 代表的是创建出来的那个对象/实例化的那个对象
            // function Person(name,age){
            //     this.name = name;
            //     this.age = age;
            //     console.log(this);
            // }

            // new Person('zs',18);

            // （4）方法中的this 代表的是方法的调用者
            // var person = {
            //     name:'zs',
            //     eat:function(){
            //         console.log(this);
            //     }
            // }

            // person.eat();

            // （5）事件回调函数中的this 代表的是事件源
            // （6）call和apply中的this 代表的是第一个参数
        </script>
    </body>
</html>